﻿/*
 * **********************************************************************************
 *
 * File Name:com.cs.genernal.css
 * Version    : 1.0.0
 * Copyright:Can Speed Co., Ltd. 2015 - 2020. All rights reserved.
 * License:MIT/GPL.
 * Time:2016-01-02 23:037:27
 * Contact:expert@canspeed.net
 * Desc:for can speed genernal css.
 *
 * **********************************************************************************
*/

body { padding:0;margin:0;background-color:#fff;color:#23487b;font-family:"open_sans","微软雅黑","Microsoft YaHei",Arial;font-size:14px; }
.len10 { width:10px; }
.len20 { width:20px; }
.len30 { width:30px; }
.len40 { width:40px; }
.len50 { width:50px; }
.len60 { width:60px; }
.len80 { width:80px; }
.len100 { width:100px; }
.len150 { width:150px; }
.len200 { width:200px; }
.len250 { width:250px; }
.len300 { width:300px; }
.len350 { width:350px; }
.len400 { width:400px; }
.len450 { width:450px; }
.len500 { width:500px; }
.len550 { width:550px; }
.len600 { width:600px; }
.len650 { width:650px; }
.len700 { width:700px; }
.len750 { width:750px; }
.len800 { width:800px; }
@media screen and (min-width:0px) and (max-width:500px) {
    .len10 { width: 10px; }
    .len20 { width: 20px; }
    .len30 { width: 30px; }
    .len40 { width: 40px; }
    .len50 { width: 50px; }
    .len60 { width: 60px; }
    .len80 { width: 80px; }
    .len100 { width: 100px; }
    .len150 { width: 150px; }
    .len200 { width: 200px; }
    .len250 { width: 250px; }
    .len300 { width: 300px; }
    .len350 { width: 300px; }
    .len400 { width: 300px; }
    .len450 { width: 300px; }
    .len500 { width: 300px; }
    .len550 { width: 300px; }
    .len600 { width: 300px; }
    .len650 { width: 300px; }
    .len700 { width: 300px; }
    .len750 { width: 300px; }
    .len800 { width: 300px; }
}
.f10 { font-size:10px;font-weight:300; }
.f12 { font-size:12px;font-weight:300; }
.f13 { font-size:13px;font-weight:300; }
.f14 { font-size:14px;font-weight:300; }
.f15 { font-size:15px;font-weight:300; }
.f16 { font-size:16px;font-weight:300; }
.f18 { font-size:18px;font-weight:300; }
.f20 { font-size:20px;font-weight:300; }
.f24 { font-size:24px;font-weight:300; }
.f28 { font-size:28px;font-weight:300; }
.f32 { font-size:32px;font-weight:300; }

.paddingx0 { padding:0px; }

.paddingx5 { padding:5px;}
.paddingx10 { padding:10px;}
.paddingx15 { padding:15px;}

.paddingx5L { padding-left:5px;}
.paddingx10L { padding-left:10px;}
.paddingx15L { padding-left:15px;}

.paddingx5R { padding-right:5px;}
.paddingx10R { padding-right:10px;}
.paddingx15R { padding-right:15px;}

.paddingx5T { padding-top:5px;}
.paddingx10T { padding-top:10px;}
.paddingx15T { padding-top:15px;}

.paddingx5B { padding-bottom:5px;}
.paddingx10B { padding-bottom:10px;}
.paddingx15B { padding-bottom:15px;}

.float_left { float:left; }
.float_right { float:right;}
.clearfix,.clear { clear:both;width:0px;height:0px;}
.hand { cursor:pointer; }
.special { color:#1d7dff;}
.yes { color:green;}
.no { color:red;}

.hide0 { display:none; }

a { color:#23487b;text-decoration:none; }
a:hover { color:#1d7dff;text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { margin:0px;padding:0px; }

form { padding:0px; margin:0px;}

.em { font-style:italic; }
.bold { font-weight:bold;}